<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>商品列表</title>
	<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.9.1.js"></script>
	<!-- 分页插件 -->
	<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jqPaginator.js"></script>
	<script src="./js/bootstrap/bootstrap.min.js"></script>
	<link href="./css/bootstrap/bootstrap.min.css" rel="stylesheet" />
	
	<!-- 之前的 -->
	<%@include file="publicJSCSS.jsp"%>
	<link rel="stylesheet" type="text/css" href="css/product_index.css">
	<script type="text/javascript" src="js/product-index.js"></script>
	<script type="text/javascript" src="js/giftInfo.js" defer="defer"></script>
</head>
<body>
	<%@include file="kefu.jsp"%>
	<div>
		<%@include file="head.jsp"%>
		<br/>
		<div align="left" style="width: 1050px; margin: auto; ">
			<!--中上部-->
			<div class="layout205 fl">
				<div style="width: 200px; height: 500px; margin-top: 5px;">
					<div style="font-size: 15px; background-color: #94704f; color: #f08519; text-align: center; font-family: '微软雅黑';">
						<span>热销榜</span>
					</div>
					<div class="hot_list">
						<table align="center">
							<tr>
								<td><a href="#"><img src="images/hot_sla.jpg" /></a></td>
							</tr>
							<tr>
								<td><a href="#">男士新款保暖冬xxxxxxx</a></td>
							</tr>
							<tr>
								<td>￥300.00</td>
							</tr>
							<tr></tr>
							<tr></tr>
							<tr>
								<td><a href="#"><img src="images/hot_sla.jpg" /></a></td>
							</tr>
							<tr>
								<td><a href="#">男士新款保暖冬xxxxxxx</a></td>
							</tr>
							<tr>
								<td>￥300.00</td>
							</tr>
							<tr></tr>
							<tr></tr>
							<tr>
								<td><a href="#"><img src="images/hot_sla.jpg" /></a></td>
							</tr>
							<tr>
								<td><a href="#">男士新款保暖冬xxxxxxx</a></td>
							</tr>
							<tr>
								<td>￥300.00</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!---***图片滚动----对应的样式是rolling.css***-->
			<div class="cata-list">
				<div class="cata-group" id="parentsList">
					<c:forEach items="${parentsList}" var="pl">
						<dl class="cata-group-btn">
							<dt class="cata-group-head">
								<i></i>${pl.typeName}
							</dt>
							<dd class="cata-hot-link" index="${pl.id}">
								<a href="#" class="cateid" sonId="${pl.id}" style="width: 30px; color: red;">全部</a>
								<c:forEach items="${pl.sonType}" var="sl">
									<a style="color:;" href="#" class="cateid" sonId="${sl.id}"> ${sl.typeName}</a>
								</c:forEach>
							</dd>
						</dl>
					</c:forEach>
				</div>
				<div class="clear"
					style="height: 5px; background: #fff; position: relative; border-top: 1px dotted #D1D1D1"></div>

				<div class="pro_pickBar clearfix">
					<div class="pro_stockOnly">
						<a href="#" id="J_fileter_hasStock" target="_self">只显示有货商品</a>
					</div>
					<div class="pro_order fl">
						<a id="J_fileter_discount" class="btn_discount btn_discount_b_s"
							target="_self" href="#">折扣</a> <a id="J_fileter_price"
							class="btn_price" target="_self" href="#">价格</a>
					</div>
					
					<div class="page page_special" id="J_page_special">
						<input type="button" class="datu" />
						<input type="button" class="liebiao" />&nbsp;
						<span class="page_total fwr">共122条</span>
						
					</div>
				</div>
				<div class="clear" style="width: auto; height: 7px;"></div><br/>
				<!-- 大图展示 -->
				<div id="switchover1">
					<ul class="prodView layout785" id="giProd">
						<c:forEach items="${pageResult.resultList}" var="pr">
							<li class="">
								<div class="prodPic">
									<a href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${pr.id}" target="_blank" title="${pr.giftName}"> 
									<img class="lazy" src="<%=request.getContextPath()%>/HRTWEB/images/23/${pr.pic}"
										alt="${pr.giftName}" width="226px" height="288px"/>
									</a>
								</div>
								<div class="price">价格：￥${pr.promotion}</div>
								<div class="desc">
									<a href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${pr.id}" target="_blank" title="${pr.giftName}">${pr.giftName}</a>
								</div>
								<div class="original">积分：${pr.promotion}</div>
							</li>
						</c:forEach>
					</ul>
					<div style="text-align: center;">
						<ul class="pagination" id="pagination2"></ul>
					</div>
					<div style="text-align: center;">
						<div id="pageResult">
							<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
							<input id="totalCount" type="hidden" value="${pageResult.totalCount}" />
							<input id="pageIndex" type="hidden" value="${pageResult.pageIndex}" />
							<input id="pageSize" type="hidden" value="${pageResult.pageSize}" />
						</div>
						<!-- footer -->
				
					</div>
				</div>
				
				<!-- 列表展示 -->
				<div id="switchover2">
					<table width="800px" id="taGiPro">
						<c:forEach items="${pageResult.resultList}" var="pr">
						<tr>
							<td><a href="#" target="_blank" title="${pr.giftName}"> 
									<img class="lazy"
										src="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${pr.id}"
										alt="${pr.giftName}" width="130px" />
								</a>
							</td>
							<td>
								<div class="desc">
									<a href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${pr.id}" target="_blank" title="${pr.giftName}">${pr.giftName}</a>
								</div>
							</td>
							<td>
								<div class="price">
									价格：￥${pr.promotion}<br/>
									运费：￥10
								</div>
							</td>
							<td><div class="original">积分：${pr.promotion}</div></td>
						</tr>
						</c:forEach>
					</table>
					<div style="text-align: center;">
						<ul class="pagination" id="pagination3"></ul>
					</div>
					<div style="text-align: center;">
						<div id="pageResult">
							<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
							<input id="totalCount" type="hidden" value="${pageResult.totalCount}" />
							<input id="pageIndex" type="hidden" value="${pageResult.pageIndex}" />
							<input id="pageSize" type="hidden" value="${pageResult.pageSize}" />
						</div>
						<!-- footer -->
				
					</div>
				</div>
				
			</div>
			<br /> <br />
			<!---***尾部***-->
			

			<!----------------------********尾部结束********---------------------------->
		</div>

		<%@include file="foot.jsp"%>

		<!----------------------********尾部结束********---------------------------->
		<!-- 回顶部和建议代码开始 -->
		<div id="tboxs">
			<div id="tbox">
				<a id="gotop" href="javascript:void(0)"></a> <a id="htky_jianyi"
					target="_blank" href="#"></a>
			</div>
		</div>
	</div>
</body>
</html>